﻿<script setup lang="ts" name="Menu1-2-2">
import { storeToRefs } from 'pinia'
import { useSystemConfigStore } from '@/store/storage/systemConfigStore'
const systemConfigStore = useSystemConfigStore()
const { systemConfig } = storeToRefs(systemConfigStore)
const value1 = ref('')
</script>
<template>
  <el-space :size="systemConfig.space" fill direction="vertical">
    <el-card shadow="never" class="no-border no-radius">
      <el-alert title="多级嵌套路由菜单实现深层页面的状态保持。" type="success" :closable="false" show-icon />
      <el-input v-model="value1" clearable></el-input>
    </el-card>
  </el-space>
</template>

<style scoped lang="scss">
.el-space {
  width: 100%;
  padding: var(--el-space) var(--el-space) 0;
}

.no-border {
  border: none;
}

.no-radius {
  border-radius: 0;
}

.el-alert {
  margin: 0 0 var(--el-space) 0;
}
</style>
